{include file="index/header1" title="首页" /}

<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<script src="http://apps.bdimg.com/libs/jquery.cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>


    <div class="page" id="page">

        <div id="infinite888" class="weui-container">
            <div id="content1">
                <script type="text/template" id="tmp111">
                    <div class="published-item" style="background-color: #ffffff">
                        <div class="published-item-top">
                            <div style="float: left">
                                <a href="#">
                                <img src="{{touxiang_url}}" class="weui-media-box__thumb"
                                     style="float:left;margin-top:5px;margin-left: 10px;margin-right:5px;height:40px;width: 40px;border-radius: 50%;object-fit: cover">
                                </a>
                                <a href="productdetail.html?id={{item_id}}" style="float: left">
                                <div style="margin-top: 8px;width: 150px;height: 18px;
                                        overflow: hidden;
                                display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;word-break: break-all">
                                    <h5 style="margin: 0;"><span>{{user_name}}</span></h5>

                                </div>
                                <div style="margin-top:5px;font-size: 10px;
                                        height: 12px;color:#999;
                                        overflow: hidden;width: 150px;
                                         display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;word-break: break-all">
                                    <span>{{datetime}}</span>
                                </div>
                                </a>
                            </div>
                            <div class="zhiding" style="margin-left:-4px;display: block">
                                <div style="display:none;float:right;width: 0;
                                    height: 0;
                                    border-top: 32px solid rgb(255,85,85);
                                    border-left: 30px solid transparent; ">
                                </div>
                                <div style="display:none;float:right;transform:rotate(46deg);font-size: 10px;
                                        margin-top: 4px;margin-right: -29px;color: rgb(255,255,255)">
                                    <span>置顶</span>
                                </div>
                            </div>
                            <a href="#">
                            <div style="display:none;margin-right:4px;margin-top:14px;width: 58px;float: right;color: #ffffff;font-size: 12px;
                                    padding-left:2px;padding-top:3px;padding-bottom:3px;border-radius: 4px;background-color: #ff3703">
                                <i class="fa fa-comments" style="font-size: 14px"></i>
                                <span>联系Ta</span>

                            </div>
                            </a>
                            <div style="clear: both"></div>
                        </div>
                        <a href="productdetail.html?id={{item_id}}">
                        <div class="pulished-item-content" style="margin-left: 10px;margin-right:6px;font-size: 18px;
                                            overflow: hidden;
                                        -webkit-line-clamp: 4;
                                        display: -webkit-box;
                                        -webkit-box-orient: vertical;
                                        word-break: break-all;">
                            <h1 style="margin-top:2px;margin-bottom:2px;font: inherit">
                                 {{title}}
                            </h1>
                        </div>
                        </a>
                        <!--<a href="javascript:photo({{item_id}})">-->

                        <div class="published-item-images" style="position:relative;width:100%;height:0;padding-bottom:33%;">
                            <div style="height: 100%;width:100%;position: absolute">
                                <div onclick="photo('{{img_urls}}',0)" style="height:100%;width:32%;float: left;margin-right: 1%;;margin-left: 1%">
                                    <img src="{{img_url_1}}-thumbnail" id="subimg_1_{{item_id}}" class="weui-media-box__thumb"
                                         style="width: 100%;height:100%;border-radius: 2px;object-fit: cover">
                                </div>
                                <div onclick="photo('{{img_urls}}',1)" style="display:{{img_show2}};height:100%;width:32%;float: left;margin-right: 1%">
                                    <img src="{{img_url_2}}-thumbnail" id="subimg_2_{{item_id}}" class="weui-media-box__thumb"
                                         style="width: 100%;height:100%;border-radius: 2px;object-fit: cover">
                                </div>
                                <div onclick="photo('{{img_urls}}',2)" style="display:{{img_show3}};height:100%;width:32%;float: left;">
                                    <img src="{{img_url_3}}-thumbnail" id="subimg_3_{{item_id}}"  class="weui-media-box__thumb"
                                         style="width: 100%;height:100%;border-radius: 2px;object-fit: cover">
                                    <div style="text-align: center;color: rgba(255,255,255,0.9);font-size: 40px;
                                    ;position:absolute;top:0;z-index:0;width: 32%;height:100%;border-radius: 2px;background-color: rgba(0,0,0,{{trans}});">
                                        <div style=" position:absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);">{{num_plus}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--</a>-->

                        <div style="margin-bottom:8px;">
                            <div class="published-item-location" style="margin-left:13px;margin-bottom:5px;color: #888888">
                                <i class="fa fa-map-marker"></i><span> {{location}}</span>
                            </div>
                            <div class="published-item-watchnumber" style="float:left;margin-left:10px;color: #888888">
                                <i class="fa fa-eye"></i><span> {{watch}}</span>

                            </div>
                            <div id="favor_{{item_id}}" class="published-item-favor" onclick="favor_do({{item_id}})"
                                 style="display:{{favor_show1}};float:left;margin-left:80px;color: #888888;cursor: pointer;">
                                <i class="fa fa-thumbs-o-up"></i><span class="num"> {{favor}}</span>
                            </div>

                            <div id="favor_done_{{item_id}}" class="published-item-favor-done" onclick="favor_cancle({{item_id}})"
                                 style="display:{{favor_show2}};float:left;margin-left:80px;color: #3fd3d2;cursor: pointer;">
                                <i class="fa fa-thumbs-up"></i><span class="num"> {{favor}}</span>
                            </div>
                            <a href="#">
                            <div class="published-item-share" style="float:left;margin-left:80px;color: #888888">
                                <i class="fa fa-share-alt"></i><span> 分享</span>
                            </div>
                            </a>
                            <div style="margin-bottom:10px;clear: left"></div>

                        </div>
                    </div>
                </script>
            </div>

            <div class="weui-loadmore weui-loadmore-17628">
                <img class="weui-loading" src="./assets/images/load2.gif" style="vertical-align: middle;">

                <span class="weui-loadmore__tips weui-loadmore_data">正在加载中</span>
                <span class="weui-loadmore__tips weui-loadmore_nodata hide">没有更多内容了哟</span>
            </div>
        </div>


    </div>
<script type="text/javascript">
    function photo(img_urls,id) {
        var urls=img_urls.split(';');
        console.log(urls);
        var pb1 = $.photoBrowser({
            items: urls,
            initIndex:id,
        });
        pb1.open();

    };
</script>

{include file="index/footer1" ajax_url='jsondata2'
                              item1="weui-bar__item_on"
                              item2=""
                                item3=""
                                item4="" /}